﻿@{
    ViewBag.Title = "AutoCompletePage";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<style>
#stateOrTerritory {
width:200px;
}
</style>

<h2>AutoCompletePage</h2>
<input type="text" name="stateOrTerritory" id="stateOrTerritory" />
<script type="text/javascript">
    var statesAndTerritories = ["Alabama",
"Alaska",
"American Samoa",
"Arizona",
"Arkansas",
"Washington",
"West Virginia",
"Wisconsin",
"Wyoming"];
$("#stateOrTerritory").kendoAutoComplete({
    dataSource: statesAndTerritories,
    filter: "startswith",
    placeholder: "Choose state or territory...",
    separator: ", "
});
    </script>

